<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>分类 | 哔哩哔哩漫画</title>
        <link rel="stylesheet" href="./css/base.css" />
        <link rel="stylesheet" href="./css/wqq_cate.css" />
    </head>
    <body>
        <!-- 固定头部 -->
        <header>
            <h1>
                <a href="javascript:;">
                    <img src="./images/logo.png" alt="" />
                </a>
            </h1>
            <ul>
                <li>
                    <a href="javascript:;">推荐</a>
                </li>
                <li>
                    <a href="javascript:;">排行</a>
                </li>
                <li>
                    <a href="javascript:;" class="active">分类</a>
                </li>
            </ul>
            <button>下载哔哩哔哩漫画</button>
        </header>
        <!-- 固定头部 -->

        <!-- 筛选部分 -->
        <div class="filter">
            <ul class="filter-out">
                <li class="row-one">
                    <a href="javascript:;" class="active">全部</a>
                    <a href="javascript:;">热血</a>
                    <a href="javascript:;">古风</a>
                    <a href="javascript:;">玄幻</a>
                    <a href="javascript:;">奇幻</a>
                    <a href="javascript:;">悬疑</a>
                    <a href="javascript:;">都市</a>
                    <a href="javascript:;">历史</a>
                    <a href="javascript:;">武侠仙侠</a>
                    <a href="javascript:;">游戏竞技</a>
                    <a href="javascript:;">悬疑灵异</a>
                    <a href="javascript:;">架空</a>
                    <a href="javascript:;">青春</a>
                    <a href="javascript:;">西幻</a>
                    <a href="javascript:;">现代</a>
                    <a href="javascript:;">正能量</a>
                    <a href="javascript:;">科幻</a>
                </li>
                <li class="close row-two">
                    <a href="javascript:;" class="active">全部</a>
                    <a href="javascript:;">大陆</a>
                    <a href="javascript:;">日本</a>
                    <a href="javascript:;">韩国</a>
                    <a href="javascript:;">其他</a>
                </li>
                <li class="close row-three">
                    <a href="javascript:;" class="active">全部</a>
                    <a href="javascript:;">连载</a>
                    <a href="javascript:;">完结</a>
                </li>
                <li class="close row-four">
                    <a href="javascript:;" class="active">全部</a>
                    <a href="javascript:;">免费</a>
                    <a href="javascript:;">付费</a>
                    <a href="javascript:;">等就免费</a>
                </li>
                <li>
                    <a href="javascript:;" class="active">人气推荐</a>
                    <a href="javascript:;">更新时间</a>
                    <a href="javascript:;">追漫人数</a>
                    <a href="javascript:;">上架时间</a>
                    <div class="btn-filter">
                        <span class="arrow"></span>
                        <span id="filter">筛选</span>
                    </div>
                </li>
            </ul>
        </div>
        <!-- 筛选部分 -->
        <!-- 主题内容部分 -->
        <div class="main">
            <ul></ul>
        </div>

        <!-- 定义模板 -->
        <script type="text/html" id="ple-data">
            {{each data}}
            <li>
                <a href="javascript:;">
                    <div class="pic">
                        <img src="{{$value.image}}" alt="" />
                    </div>

                    <p>{{$value.title}}</p>
                    <p>{{$value.humanmath}}</p>
                </a>
            </li>
            {{/each}}
        </script>
        <!-- 主题内容部分 -->

        <script src="./js/jquery.min.js"></script>
        <script src="./js/template-web.js"></script>
        <script src="./js/wqq_cate.js"></script>
    </body>
</html>
